<template>
<el-tabs tab-position="left" style="margin: 20px 0 0 0;" class="demo-tabs">
    <el-tab-pane label="评分和初审">
      <template #label>
        <span class="custom-tabs-label">
          <el-icon><EditPen/></el-icon>
          <span>评分和初审</span>
        </span>
      </template>
      <Fourth></Fourth>
    </el-tab-pane>
    <el-tab-pane label="复审">
      <template #label>
        <span class="custom-tabs-label">
          <el-icon><Finished/></el-icon>
          <span>复审</span>
        </span>
      </template>
      <Third></Third>
    </el-tab-pane>
	<el-tab-pane label="终审">
	  <template #label>
	    <span class="custom-tabs-label">
	      <el-icon><Finished/></el-icon>
	      <span>终审</span>
	    </span>
	  </template>
	  <Second></Second>
	</el-tab-pane>
  </el-tabs>
</template>


<script setup>
import {ref, onMounted,onBeforeMount, reactive,watch} from "vue";
import { Timer } from '@element-plus/icons-vue';
import {useRouter} from "vue-router";
import { ElMessage } from 'element-plus'
import Fourth from './components/fourth'
import Third from './components/third'
import Second from './components/second'



</script>

<style lang="scss" scoped>
.demo-tabs > .el-tabs__content {
  padding: 32px;
  color: #6b778c;
  font-size: 32px;
  font-weight: 600;
}

.el-tabs--right .el-tabs__content,
.el-tabs--left .el-tabs__content {
  height: 100%;
}

.button{
  margin-left:205px;
  float: left;
}
</style>